<template>
	<view class="content">
		<view class="headView"></view>
		<view class="detail_container content">
			<view class="paraName-card">
				<image :src="staticUrl +'/image/report/icon_paraNameTip.png'" mode="widthFix"></image>
				<text>{{paraName}}</text>
				<image :src="staticUrl +'/image/report/icon_paraNameTip.png'" mode="widthFix"></image>
			</view>
			<image v-if="img_src != ''" style="margin: 35rpx 0 60rpx; width: 565rpx;" :src="img_src" mode="widthFix"></image>
			<!-- 名词解释 -->
			<view class="paraNameDes content">
				<text>{{nounsExplanation}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				staticUrl: this.$config.StaticUrl,
				paraName: '',
				nounsExplanation: '',
				img_src: ''
			};
		},
		onLoad(option) {
			console.log('option>>', option);
			this.paraName = option.paraName
			switch (option.paraName) {
				case '上升时间':
					this.img_src = this.staticUrl + "/image/report/img_blood_ts.png"
					this.nounsExplanation =
						'上升时间指脑部血流从起始点到达峰值所需的时间。通俗来说，就像水龙头放水，从开始放到最大需要时间，这就是上升时间。\n在脑阻抗血流图中，上升时间短表示血流快速到达峰值，血管通畅，阻力小；上升时间长则可能表示血管有狭窄或阻力增加等问题。分析上升时间有助于评估脑血管健康状况。'
					break;
				case '流入容积速度':
					this.img_src = this.staticUrl + "/image/report/img_blood_vg.png"
					this.nounsExplanation =
						'流入容积速度描述的是单位时间内血液流入脑部的快慢程度。它反映了脑部血流的供应情况。当流入容积速度高时，表示脑部得到充足的血流供应；而流入容积速度低则可能意味着脑部血流不足。\n这个指标对于评估脑血管健康状况和脑部供血情况非常重要，有助于预防和诊断相关疾病。'
					break;
				case '重搏角弧度值':
					this.img_src = this.staticUrl + "/image/report/img_blood_ri.png"
					this.nounsExplanation =
						'重搏波是脑阻抗血流图中的一种特殊波形，通常出现在主峰之后。它代表了心脏舒张期时脑部血流的回流现象。重搏波的形成与血管的弹性有关，当心脏舒张时，血管壁回弹，导致血流产生一定的回流。\n这个回流过程在血流图上就形成了重搏波。通过观察重搏波的形态和特征，我们可以了解脑部血流循环的情况以及血管的健康状态。'
					break;
				case '主峰角':
					this.img_src = this.staticUrl + "/image/report/img_blood_rs.png"
					this.nounsExplanation =
						'主峰角是描述脑阻抗血流图中主峰尖锐程度的一个参数。它反映了心脏收缩时脑部血流的速度和强度。主峰角较大表示主峰尖锐，血流速度快，强度大；主峰角较小则表示主峰相对平缓，血流速度较慢，强度较小。\n观察主峰角有助于了解心脏收缩功能和脑部血流动力学的特点，为心脑血管健康评估提供参考信息。'
					break;
				case '波幅':
					this.img_src = this.staticUrl + "/image/report/img_blood_hs.png"
					this.nounsExplanation =
						'波幅是指脑阻抗血流图中波形的最高点与最低点之间的垂直距离，通俗来说就是波形的高低。波幅反映了脑部血流的强度和变化幅度。波幅大表示血流强度大，血流变化明显；波幅小则表示血流强度较弱，血流变化较为平稳。\n波幅是评估脑部血流情况的重要指标之一，有助于了解脑部血管的功能和状态。'
					break;
				case '重搏波角度':
					this.img_src = this.staticUrl + "/image/report/img_blood_ri.png"
					this.nounsExplanation =
						'重搏波是脑阻抗血流图中的一种特殊波形，通常出现在主峰之后。它代表了心脏舒张期时脑部血流的回流现象。重搏波的形成与血管的弹性有关，当心脏舒张时，血管壁回弹，导致血流产生一定的回流。\n这个回流过程在血流图上就形成了重搏波。通过观察重搏波的形态和特征，我们可以了解脑部血流循环的情况以及血管的健康状态。'
					break;
				case '下降沿曲度':
					this.img_src = this.staticUrl + "/image/report/img_blood_dia.png"
					this.nounsExplanation =
						'下降沿指脑阻抗血流图中主峰之后的下降部分，代表心脏舒张期脑部血流的减速情况。其斜率可反映血流阻力及血管弹性。下降沿陡峭，则血流迅速减速，可能提示血管阻力大或弹性差；反之，下降平缓则血流减速较慢，血管状况较好。下降沿的形态和变化为心脑血管健康评估提供了重要信息。'
					break;
				case '房缩波转折率':
					this.img_src = this.staticUrl + "/image/report/img_blood_notch.png"
					this.nounsExplanation =
						'房缩波是指在脑阻抗血流图中，与心房收缩相对应的一个小波形。它出现在主峰之前，代表了心房收缩时脑部血流的微小变化。房缩波的存在可以提供关于心脏房室收缩协调性和脑部血流动力学的额外信息，有助于更全面地评估心脑血管系统的功能状态。'
					break;
				case '转折高比值':
					this.img_src = this.staticUrl + "/image/report/img_blood_fbs.jpg"
					this.nounsExplanation =
						'上升支转折点至基线的高度与波幅高的比值。上升支最初一段陡直，快速流入段形成。 当血管再度扩张受到限制时，血容量相对增加较慢，上升支发生转折形成慢流入段。血管弹性较好，血流通畅时，该比值接近于1。'
					break;
				case '流出阻力系数':
					this.img_src = this.staticUrl + "/image/report/img_blood_fis.jpg"
					this.nounsExplanation =
						'下降支切迹垂直于基线的高度与波幅高的比值，切迹高度由收缩期颅内静脉回流速度所决定。 若回流快，切迹低，流出阻力系数就小，反之增大。主要反映右心房与颅内静脉系统的功能状态。'
					break;
				case '对称系数':
					this.nounsExplanation =
						'左右两侧波幅高度对称差异，正常人两侧波幅允许存在一定范围内差异，当差异性超出允许范围时可能存在一侧脑血管神经体液调节功能紊乱或颅内血流循环障碍。'
					break;
				default:
					break;
			}

		},
		methods: {

		}
	};
</script>

<style>
	page {
		background-color: #f5f5f5;
		padding-bottom: 50rpx;
	}

	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.headView {
		width: 750rpx;
		height: 200rpx;
		background-color: #35bfaf;
	}

	.detail_container {
		margin-top: -150rpx;
		z-index: 99;
		width: 700rpx;
		background-color: white;
		border-radius: 15rpx;
		padding-bottom: 100rpx;
	}

	.paraNameDes {
		margin: 48rpx 0 26rpx;
		width: 600rpx;
	}

	.paraNameDes text {
		text-indent: 2em;
	}

	.paraName-card {
		margin-top: 32rpx;
		width: 628rpx;
		height: 78rpx;
		background-image: url('https://xch.jseihc.com/public/platform/userApp/static/image/report/img_paraNameBg.png');
		background-size: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.paraName-card text {
		margin: 0 10rpx;
		font-size: 32rpx;
		font-weight: bold;
		color: #506A85;
	}

	.paraName-card image {
		width: 44rpx;
	}
</style>